<juci-layout-with-sidebar>
	<div ng-controller="NetifdNetworkStatusPage">
		<juci-config-heading>{{ 'Status' | translate }}</juci-config-heading>
		<juci-config-info>{{ 'status.status.info' | translate }}</juci-config-info>
		<juci-expandable title="{{sec.name|uppercase}} ({{sec.interface._config.proto.value|uppercase}})" status="sec.status" ng-repeat="sec in sections" ng-show="sec.interface">
			<div class="row" ng-show="sec.interface.up">
				<div class="col-md-6">
					<h3 translate>IPv4</h3>
					<table class="table table-condensed">
						<tr>
							<td><strong translate>IPv4 Address(s)</strong></td>
							<td>
								<dl>
									<dd ng-hide="sec.interface['ipv4-address'][0]"><strong>-</strong></dd>
									<dd ng-repeat="ip in sec.interface['ipv4-address']"><strong>{{ip.address + "/"+ ip.mask}}</strong></dd>
								</dl>
							</td>
						</tr>
						<tr>
							<td><strong translate>Default Gateway</strong></td>
							<td>
								<strong ng-hide="sec.interface._defaultroute4.nexthop">-</strong>
								<strong>{{sec.interface._defaultroute4.nexthop}}</strong>
							</td>
						</tr>
					</table>
				</div>
				<div class="col-md-6">
					<h3 translate>IPv6</h3>
					<table class="table table-condensed">
						<tr ng-hide="sec.interface._config.is_lan.value">
							<td><strong translate>IPv6 Address(s)</strong></td>
							<td>
								<dl>
									<dd ng-hide="sec.interface['ipv6-address'][0]"><strong>-</strong></dd>
									<dd ng-repeat="ip in sec.interface['ipv6-address']"><strong>{{ip.address + "/" + ip.mask}}</strong></dd>
								</dl>
							</td>
						</tr>
						<tr ng-hide="sec.interface._config.is_lan.value">
							<td><strong translate>IPv6 Prefix(s)</strong></td>
							<td>
								<dl>
									<dd ng-hide="sec.interface['ipv6-prefix'][0]"><strong>-</strong></dd>
									<dd ng-repeat="ip in sec.interface['ipv6-prefix']"><strong>{{ip.address + "/" + ip.mask}}</strong></dd>
								</dl>
							</td>
						</tr>
						<tr ng-show="sec.interface._config.is_lan.value">
							<td><strong translate>Prefix Deleg.</strong></td>
							<td>
								<dl>
									<dd ng-hide="sec.interface['ipv6-prefix-assignment'][0]"><strong>-</strong></dd>
									<dd ng-repeat="ip in sec.interface['ipv6-prefix-assignment']"><strong>{{ip.address + "/" +ip.mask}}</strong></dd>
								</dl>
							</td>
						</tr>

					</table>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<table class="table table-condensed">
						<tr>
							<td><strong>{{'Status'|translate}}</strong></td>
							<td width="1px" style="text-align: right;">
								<div class="label pull-right" ng-class="'label-'+sec.interface._status_class">{{sec.interface._status_text|translate}}</div>
							</td>
						</tr>
						<tr ng-hide="sec.interface._config.is_lan.value">
							<td><strong translate>DNS Server(s)</strong></td>
							<td>
								<dl>
									<dd ng-hide="sec.interface['dns-server'][0]"><strong>-</strong></dd>
									<dd ng-repeat="ip in sec.interface['dns-server']"><strong>{{ip}}</strong></dd>
								</dl>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</juci-expandable>
		<!--<juci-expandable title="DSL" status="dsl_status" ng-show="dsl_status == 'ok' || dsl_status == 'progress'">
			<juci-config-lines >
				<juci-config-line title="{{'Line Status'|translate}}">
					<strong>{{dslinfo.status}}</strong>
				</juci-config-line>
			</juci-config-lines>
		</juci-expandable>-->
	</div>
</juci-layout-with-sidebar>
